@import '~antd/lib/style/themes/default.less';
.maxMainCom {
	height: 100vh;
	
	// 左侧菜单、头部样式覆盖
	.ant-layout-sider{
		background: #4D91FB;
		overflow-x: visible;
		padding-bottom: 0 !important;
		// 菜单icon
		.menuIcon{
			color: #7B7D7F;
		}
		.ant-menu.ant-menu-root{
			height: calc(100% - 60px);
			margin-top: 60px;
			box-sizing: border-box;
			position: relative;
			background-color: #F8FCFF;
			.ant-menu-sub.ant-menu-inline{
				background-color: #F8FCFF;
			}
			.sysTitleName{
				width: 100%;
				height: 60px;
				line-height: 60px;
				position: absolute;
				top: -60px;
				padding-left: 16px;
				left: 0%;
				color: #fff;
				font-size: 18px;
				cursor: pointer;
			}
		}
		.ant-layout-sider-trigger{
			position: absolute;
			top: 0;
			right: -60px;
			width: 60px !important;
			height: 64px;
			background: url(../assets/menuFold.png) no-repeat center/20px 20px;
			span{
				opacity: 0;
			}
		}
	}
	
	.ant-layout-header{
		background-color: #fff;
	}
	.ant-layout-content{
		height: calc(100vh - 64px);
	}

	// 主要部分的 tabs
	.mainTabsNav{
		min-height: calc(100vh - 128px);
		>.ant-tabs-nav{
			margin-bottom: 0;
			background-color: #fff;
			border-top: 1px solid #eee;
			.ant-tabs-ink-bar.ant-tabs-ink-bar-animated{
				background-color: #4D91FB;
				visibility: unset !important;
			}
			.ant-tabs-tab{
				border: none;
				border-right: 1px solid #fafafa;
				background-color: #fff;
			}
		}
		
		>.ant-tabs-content-holder {
			background-color: #f8f8f8;
			> .ant-tabs-content{
				>.ant-tabs-tabpane{
					height: calc(100vh - 104px);
					overflow-y: auto;
					.componentCom{
						min-height: calc(100vh - 166px);
						background-color: #fff !important;
						margin: 16px 16px 0;
						padding: 20px;
						border-radius: 4px;
					}
					.componentComCover{
						background-color: transparent !important;
						padding: 0;
					}
				}
			}
		}
		
		
	}
	


	// 右键菜单
	.contextMenuItems {
		position: fixed;
		z-index: 9999;
		width: 180px;
		background-color: #fafafa;
		border: 1px solid #b6ceb4;
		border-radius: 4px;
		box-shadow: 1px 1px 3px #b8ce9f;

		.menuItem {
			padding: 10px 18px;
			line-height: 18px;
			cursor: pointer;
		}
		.menuItem:hover,
		.menuItem.active {
			background-color: #dfe7d4;
		}
	}

	// 页脚
	.ant-layout-footer {
		padding: 10px;
		background-color: #f8f8f8;
		.ant-layout-footer {
			padding: 0;
		}
	}
}

